/*
	pembuat : Hanif Kkharismadini
	tgl		: 28 juli 2013
*/

@font-face
{
	font-family: titleFont;
	src: url(../font/BebasNeue.otf);
}
#mobile-header {
    display: none;
}
@media only screen and (min-width: 520px) {
body{
	font-family:arial,verdana;
	font-size: 11pt;
	margin:0 auto;
	padding:0;
	width: 985px;
	min-width:auto;
}
a{
	text-decoration:none;
}

.mobile{
	display:none;
}
.non-mobile{
	display:block;
}

#screen-page{
	border-radius:1px 1px 10px 10px;
	-webkit-box-shadow: 0px 2px 10px #777;
     -moz-box-shadow: 0px 2px 10px #777;
          box-shadow: 0px 2px 10px #777;
}

/*header*/
.header-page{
	height: 150px;
	width: 985px;
	background-color:#fff;
}
.header-page .logo{
	margin-left:25px;
	margin-right:25px;
	height: 120px;
	padding-top:5px;
	text-align:center;
	background-image:url("../../images/web-content/corak.png");
	background-repeat:no-repeat;
}
.non-slide-frame img{
	max-width: 100%;
	margin-top:38px;
	padding-left:10px;
}
/** navbar **/
 .menu{
	margin-top:-65px;
	padding-left:100px;
	
 }
 
 #separator-menu{
	padding-right:110px;
 }
 
 /* Targeting both first and second level menus */
.nav li {
    float:left;
	font-family: titleFont;
	font-size: 14pt;
    margin: 0;
    padding: 0;
    list-style:none;
    position:relative
}
.nav li a {
    border:none;
    color:#000;
    display:block;
    margin:0 5px 0 0;
    padding:5px 10px 5px 8px
}

/* Targeting the first level menu */
.nav {
    display:block;
    margin:0;
    padding:5px 0 2px;
    position:absolute;
    z-index:100;
	min-width:985px;
}
.nav > li > a:hover {
    -moz-border-radius:3px 3px 0 0;
    -webkit-border-radius:3px 3px 0 0;
    background:#d51b23 url(images/arrow_hover.png) no-repeat right;
    border-radius:3px 3px 0 0;
    color:#fff;
    padding:5px 10px 5px 8px
}

/* Targeting the second level menu */
.nav li ul {
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topright:3px;
    -moz-box-shadow:1px 1px 1px #333;
    -webkit-border-bottom-right-radius:3px;
    -webkit-box-shadow:1px 1px 1px #333;
    background:#d51b23;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-top-right-radius:3px;
    box-shadow:1px 1px 1px #333;
    color:#222;
    display:none;
    margin:0;
    padding:2px 0;
    position:absolute;
    width:180px
}
.nav li ul li {
    width:100%
}
.nav li ul li a {
    background:#d51b23;
    border:none;
    color:#fff;
    line-height:25px;
    margin:0;
    padding:0 0 0 8px
}
.nav li ul li a:hover {
    background:#ffd700;
	color:#000;
}
.nav li ul li.strong-archive a {
    border-top:1px solid #ffd700;
    font-weight:600
}

/* A class of current will be added via jQuery */
.nav li.current > a {
    -moz-border-radius:3px 3px 0 0;
    -moz-box-shadow:1px 1px 1px #333;
    -webkit-border-radius:3px 3px 0 0;
    -webkit-box-shadow:1px 1px 1px #333;
    background:#d51b23 url(images/arrow_hover.png) no-repeat right;
    border-radius:3px 3px 0 0;
    box-shadow:1px 1px 1px #333;
    color:#fff
}

/* CSS fallback */
.nav li:hover > ul.child {
    display:block
}
 
/** navbar **/

.container-page{
	background-color:#fff;
}

/*slide*/
.slide-content{
	padding-left:45px;
	padding-right:45px;
	margin-top:-29px;
	margin-bottom:-30px;
	background-color:#fff;
}
.slide-column{
	height: auto;
	width: 985px;
	margin-top:-50px;
}
.slide-column .slide-frame{
	height: 67px;
	width: 935px;
	padding-left:25px;
}

.slide-column .non-slide-frame{
	height: 60px;
	width: 935px;
	padding-left:10px;
}

.content-column{
	height:auto;
	padding:10px 25px 10px 20px;
}

/*content detail*/
.content-detail{
	margin-left:40px;
	margin-right:30px;
	margin-top:50px;
	white-space: normal;
}

.content-detail img{
	max-width: 800px;
	max-height: 600px;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.title-content{
	height: auto;
	width: 700px;
	margin-top:10px;
	margin-left:-10px;
	margin-bottom:10px;
	padding:10px 10px 10px 10px;
	font-family:titleFont;
	font-size:14pt;
	border:1px solid #ffd700;
	border-radius:0px 8px 0px 8px;
	white-space: normal;
	box-shadow: 4px 4px 5px #c1c1c1;
}

.list-content{
	height:180px;
	padding:8px;
	text-decoration:none;
}

.list-content .left-content{
	float:left;
	width:50px;
}

.list-content .right-content{
	float:right;
	white-space: normal;
	width:690px;
	margin-top:-15px;
}
.unduh-content{
	text-align:center;
}

.big-title-only{
	font-family:titleFont;
	font-size:24pt;
	white-space: normal;
}

.small-title-only{
	font-family:titleFont;
	font-size:16pt;
	white-space: normal;
}


/*content album*/
#album-content{
	float:left;
	padding: 0px 15px 20px 10px;
	height: auto;
	width: 190px;
	text-align:center;
}
.album-column b{
	margin-top:20px;
	margin-bottom:20px;
}

.album-column img{
	border-radius:5px 5px 5px 5px;
	box-shadow: 4px 4px 5px #c1c1c1;
}

/*content picture*/
#picture-content{
	float:left;
	padding: 0px 5px 20px 0px;
	height: auto;
	width: 210px;
	text-align:center;
}

.picture-column img{
	border-radius:5px 5px 5px 5px;
	box-shadow: 4px 4px 5px #c1c1c1;
}


/*content news*/
#news-content{
	float:left;
	padding: 0px 5px 5px 11px;
	margin-left:10px;
	height: auto;
	width: 286px;
	background-color:#e8e4ff;
}
#news-content img{
	max-width: 98%;
	max-height: 100%;
	margin-left:-6px;
	padding:4px;
	background-color:#fff;
	border:1px solid #FFD700;
	-webkit-box-shadow: 0px 2px 10px #777;
     -moz-box-shadow: 0px 2px 10px #777;
          box-shadow: 0px 2px 10px #777;
}

#news-text{
	white-space: normal;
	padding-top:10px;
}

#news-text a{
	-moz-box-shadow:inset 0px 1px 0px 0px #fceaca;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fceaca;
	box-shadow:inset 0px 1px 0px 0px #fceaca;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffce79), color-stop(1, #eeaf41) );
	background:-moz-linear-gradient( center top, #ffce79 5%, #eeaf41 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce79', endColorstr='#eeaf41');
	background-color:#ffce79;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-weight:bold;
	font-style:normal;
	height:20px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ce8e28;
}

#news-text a:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eeaf41), color-stop(1, #ffce79) );
	background:-moz-linear-gradient( center top, #eeaf41 5%, #ffce79 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeaf41', endColorstr='#ffce79');
	background-color:#eeaf41;
}
/*content sambutan*/
.sambutan{
	height: 200px;
	margin-left:10px;
	margin-right: 5px;
	background-image:url("../../images/web-content/page-sambutan.png");
}

.sambutan img{
	position: relative;
	margin-top:-40px;
	margin-right:5px;
	float:right;
	margin-left:-4px;
	padding:4px;
	max-width: 150px;
	max-height: 180px;
	background-color:#fff;
	border:1px solid #FFD700;
	-webkit-box-shadow: 3px 3px 3px #777;
     -moz-box-shadow: 3px 3px 3px #777;
          box-shadow: 3px 3px 3px #777;
}

#sambutan-text{
	padding-left:20px;
	margin-right:180px;
	white-space: normal;
}

#sambutan-text a{
	-moz-box-shadow:inset 0px 1px 0px 0px #fceaca;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fceaca;
	box-shadow:inset 0px 1px 0px 0px #fceaca;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffce79), color-stop(1, #eeaf41) );
	background:-moz-linear-gradient( center top, #ffce79 5%, #eeaf41 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce79', endColorstr='#eeaf41');
	background-color:#ffce79;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-weight:bold;
	font-style:normal;
	height:20px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ce8e28;
}

#sambutan-text a:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eeaf41), color-stop(1, #ffce79) );
	background:-moz-linear-gradient( center top, #eeaf41 5%, #ffce79 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeaf41', endColorstr='#ffce79');
	background-color:#eeaf41;
}

.btn-read{
	float:right;
	margin-top:-20px;
	-moz-box-shadow:inset 0px 1px 0px 0px #fceaca;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fceaca;
	box-shadow:inset 0px 1px 0px 0px #fceaca;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffce79), color-stop(1, #eeaf41) );
	background:-moz-linear-gradient( center top, #ffce79 5%, #eeaf41 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce79', endColorstr='#eeaf41');
	background-color:#ffce79;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-weight:bold;
	font-style:normal;
	height:20px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ce8e28;
}

.btn-read:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eeaf41), color-stop(1, #ffce79) );
	background:-moz-linear-gradient( center top, #eeaf41 5%, #ffce79 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeaf41', endColorstr='#ffce79');
	background-color:#eeaf41;
}

/*content social*/
.media-sosial{
	height: 310px;
	padding-top:10px; 
	padding-bottom:10px;
	margin-left:10px;
}
#media-content{
	float:left;
	width:285px;
	padding: 5px 5px 5px 5px;
	margin-left:12px;
	height: auto;
	background-color:#e8e4ff;
}

/*content sponsor*/
.sponsor{
	height: 200px;
	padding-top:10px; 
	padding-bottom:10px;
	margin-left:10px;
}
#sponsor-content{
	float:left;
	padding: 5px 5px 5px 5px;
	margin-left:12px;
	height: auto;
	background-color:#e8e4ff;
}

#clear-line{
	clear:both;
	height:1%;
}
/*title*/
.title{
	height: auto;
	width: 270px;
	margin-top:10px;
	margin-left:-10px;
	margin-bottom:10px;
	padding:4px 5px 4px 7px;
	font-family:titleFont;
	font-size:14pt;
	border:1px solid #ffd700;
	border-radius:0px 8px 0px 8px;
	white-space: normal;
	box-shadow: 4px 4px 5px #c1c1c1;
}

.hijau{background-color:#7bc523;}
.pink{background-color:#e41771;}
.orange{background-color:#ee9c00;}
.biru{background-color:#00a8eb;}
.kuning{background-color:#f8f400;}
.coklat{background-color:#a87f4a;}
.merah{background-color:#d51b23;color:#fff;}

#perbaikan{
	padding-top:20px;
	padding-bottom:20px;
	margin-left:10px;
	font-size:14pt;
}


/*footer*/
.footer-page{
	height: 230px;
	border-radius:0px 0px 10px 10px;
	background-color:#fff;
}
.logo-jakarta{
	height: 200px;
	margin-left:25px;
	margin-right:25px;
	-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;
	
}
.copyright{
	margin-top:5px;
	font-size:10pt;
	height: 55px;
	font-style:normal;
	text-align:center;
	padding-top:5px;
}
.pagination ul {
	list-style-type: none;
	margin-left: -40px;
}
.pagination ul li{
	display: inline-block;
}
.pagination ul li a {
    padding: 4px 6px;
    margin-right: 3px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
.pagination ul li a:hover, .pagination ul li a.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #c72729;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}
}

@media only screen and (max-width: 480px) {
	body{
		font-family:arial,verdana;
		font-size: 13px;
		line-height: 1.5;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}
	a{text-decoration:none;}
	#mobile-header {
        display: block;
		padding:6px;
		margin-bottom:5px;
		background:#d51b23;
		width:25px;
		border-radius:5px;
    }
	.header-page{
		position: fixed;
		top: 0;
		left: 0;
		padding:3px;
		width: 100%;
		background-color:#fff;
		text-align:center;
		z-index:1500;
	}
	.container-page{
		margin-top:125px;
	}
	.logo{
		position:relative;
		margin-top:-40px;
		margin-left:30px;
		padding-right:30px;
	}
	.nav{
		display: none;
	}
	
	.slide-content{
		padding-left:2%;
		padding-right:2%;
		margin-top:-4.5%;
		margin-bottom:-3.5%;
		background-color:#fff;
	}
	.slide-frame img{
		max-width: 100%;
	}
	.non-slide-frame img{
		max-width: 100%;
	}
	.mobile{
		display:block;
	}
	.non-mobile{
		display:none;
	}
	.content-column{
		margin-top:10px;
	}
	#news-content{
		float:left;
		max-width: 100%;
		padding:10px;
		margin-right:10px;
		width:250px;
		margin-bottom:10px;
		background-color:#fff;
		border:1px solid #777775;
	}
	#news-content img{
		margin-top:5px;
		max-width: 100%;
		-webkit-box-shadow: 0px 2px 10px #777;
		 -moz-box-shadow: 0px 2px 10px #777;
			  box-shadow: 0px 2px 10px #777;
	}
	#news-text{
		white-space: normal;
	}
	
	#news-text a{
		-moz-box-shadow:inset 0px 1px 0px 0px #fceaca;
		-webkit-box-shadow:inset 0px 1px 0px 0px #fceaca;
		box-shadow:inset 0px 1px 0px 0px #fceaca;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffce79), color-stop(1, #eeaf41) );
		background:-moz-linear-gradient( center top, #ffce79 5%, #eeaf41 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce79', endColorstr='#eeaf41');
		background-color:#ffce79;
		-webkit-border-top-left-radius:20px;
		-moz-border-radius-topleft:20px;
		border-top-left-radius:20px;
		-webkit-border-top-right-radius:20px;
		-moz-border-radius-topright:20px;
		border-top-right-radius:20px;
		-webkit-border-bottom-right-radius:20px;
		-moz-border-radius-bottomright:20px;
		border-bottom-right-radius:20px;
		-webkit-border-bottom-left-radius:20px;
		-moz-border-radius-bottomleft:20px;
		border-bottom-left-radius:20px;
		text-indent:0;
		border:1px solid #eeb44f;
		display:inline-block;
		color:#ffffff;
		font-weight:bold;
		font-style:normal;
		height:20px;
		width:100px;
		text-decoration:none;
		text-align:center;
		text-shadow:1px 1px 0px #ce8e28;
	}
	.sambutan{
		padding:5px;
		margin-bottom:10px;
		background-color:#fff;
		text-align:center;
		-webkit-box-shadow: 0px 2px 10px #777;
		 -moz-box-shadow: 0px 2px 10px #777;
			  box-shadow: 0px 2px 10px #777;
	}
	.sambutan img{
		margin-top:5px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		vertical-align: middle;
	}
	#sambutan-text{
		white-space: normal;
	}
	#sambutan-text a{
		-moz-box-shadow:inset 0px 1px 0px 0px #fceaca;
		-webkit-box-shadow:inset 0px 1px 0px 0px #fceaca;
		box-shadow:inset 0px 1px 0px 0px #fceaca;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffce79), color-stop(1, #eeaf41) );
		background:-moz-linear-gradient( center top, #ffce79 5%, #eeaf41 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce79', endColorstr='#eeaf41');
		background-color:#ffce79;
		-webkit-border-top-left-radius:20px;
		-moz-border-radius-topleft:20px;
		border-top-left-radius:20px;
		-webkit-border-top-right-radius:20px;
		-moz-border-radius-topright:20px;
		border-top-right-radius:20px;
		-webkit-border-bottom-right-radius:20px;
		-moz-border-radius-bottomright:20px;
		border-bottom-right-radius:20px;
		-webkit-border-bottom-left-radius:20px;
		-moz-border-radius-bottomleft:20px;
		border-bottom-left-radius:20px;
		text-indent:0;
		border:1px solid #eeb44f;
		display:inline-block;
		color:#ffffff;
		font-weight:bold;
		font-style:normal;
		height:20px;
		width:100px;
		text-decoration:none;
		text-align:center;
		text-shadow:1px 1px 0px #ce8e28;
	}
	.content-detail{
		text-align:center;
		padding:5px;
		padding-top:20px;
	}
	.content-detail img{
		max-width: 100%;
	}
	#album-content{
		float:left;
		padding: 5px 10px 5px 9px;
		height: auto;
		text-align:center;
		max-width: 150px;
		max-height: 250px;
		box-shadow: 4px 4px 5px #c1c1c1;
		border:1px solid #c1c1c1;
		margin-bottom:20px;
		margin-left:20px;
	}
	.album-column b{
		margin-top:20px;
		margin-bottom:20px;
	}

	.album-column img{
		border:1px solid #c1c1c1;
	}
	.picture-column img{
		max-width: 80px;
		max-height: 80px;
	}
	#picture-content{
		float:left;
		padding:0px 1px 0px 3px;
		margin-bottom:10px;
	}
	.big-title-only{
		height: auto;
		max-width: 100%;
		padding:7px;
		text-align:center;
		font-family:sans-serif;
		font-size:12pt;
		font-weight:bold;
	}
	.small-title-only{
		height: auto;
		max-width: 100%;
		font-family:sans-serif;
		font-size:10pt;
		font-weight:bold;
	}
	.title{
		height: auto;
		max-width: 100%;
		padding:7px;
		font-family:sans-serif;
		font-size:12pt;
		font-weight:bold;
	}
	.merah{background-color:#d51b23;color:#fff;border:1px solid #FFD700;}
	.merahcorak{
		background-image:url("../../images/web-content/title.png");
		color:#fff;
		border:1px solid #FFD700;
	}
	.media-sosial{
		margin-top:-2px;
		margin-bottom:10px;
	}
	.media-content{
		margin-top:10px;
		margin-bottom:10px;
	}
	.logo-jakarta img{
		max-width: 100%;
		-webkit-box-shadow: 0 10px 6px -6px #777;
		   -moz-box-shadow: 0 10px 6px -6px #777;
				box-shadow: 0 10px 6px -6px #777;
	}
	.copyright{
		margin-top:5px;
		font-size:10pt;
		height: 55px;
		font-style:normal;
		text-align:center;
		padding-top:5px;
	}
	
	/* ===============================================================
	Basic Swiper Styles 
	================================================================*/
	.swiper-container {
		margin:0 auto;
		position:relative;
		overflow:hidden;
		-webkit-backface-visibility:hidden;
		-moz-backface-visibility:hidden;
		-ms-backface-visibility:hidden;
		-o-backface-visibility:hidden;
		backface-visibility:hidden;
		/* Fix of Webkit flickering */
		z-index:1;
	}
	.swiper-wrapper {
		position:relative;
		width:100%;
		-webkit-transition-property:-webkit-transform, left, top;
		-webkit-transition-duration:0s;
		-webkit-transform:translate3d(0px,0,0);
		-webkit-transition-timing-function:ease;
		
		-moz-transition-property:-moz-transform, left, top;
		-moz-transition-duration:0s;
		-moz-transform:translate3d(0px,0,0);
		-moz-transition-timing-function:ease;
		
		-o-transition-property:-o-transform, left, top;
		-o-transition-duration:0s;
		-o-transform:translate3d(0px,0,0);
		-o-transition-timing-function:ease;
		-o-transform:translate(0px,0px);
		
		-ms-transition-property:-ms-transform, left, top;
		-ms-transition-duration:0s;
		-ms-transform:translate3d(0px,0,0);
		-ms-transition-timing-function:ease;
		
		transition-property:transform, left, top;
		transition-duration:0s;
		transform:translate3d(0px,0,0);
		transition-timing-function:ease;
	}
	.swiper-free-mode > .swiper-wrapper {
		-webkit-transition-timing-function: ease-out;
		-moz-transition-timing-function: ease-out;
		-ms-transition-timing-function: ease-out;
		-o-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		margin: 0 auto;
	}
	.swiper-slide {
		float: left;
		min-width: 850px;
		padding:5px;
	}

	/* IE10 Windows Phone 8 Fixes */
	.swiper-wp8-horizontal {
		-ms-touch-action: pan-y;
	}
	.swiper-wp8-vertical {
		-ms-touch-action: pan-x;
	}
	
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
		width: 100% !important;
	}
	#clear-line{
		clear:both;
		height:1%;
	}
	.btn-read{
		margin-top:-20px;
		-moz-box-shadow:inset 0px 1px 0px 0px #fceaca;
		-webkit-box-shadow:inset 0px 1px 0px 0px #fceaca;
		box-shadow:inset 0px 1px 0px 0px #fceaca;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffce79), color-stop(1, #eeaf41) );
		background:-moz-linear-gradient( center top, #ffce79 5%, #eeaf41 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce79', endColorstr='#eeaf41');
		background-color:#ffce79;
		-webkit-border-top-left-radius:20px;
		-moz-border-radius-topleft:20px;
		border-top-left-radius:20px;
		-webkit-border-top-right-radius:20px;
		-moz-border-radius-topright:20px;
		border-top-right-radius:20px;
		-webkit-border-bottom-right-radius:20px;
		-moz-border-radius-bottomright:20px;
		border-bottom-right-radius:20px;
		-webkit-border-bottom-left-radius:20px;
		-moz-border-radius-bottomleft:20px;
		border-bottom-left-radius:20px;
		text-indent:0;
		border:1px solid #eeb44f;
		display:inline-block;
		color:#ffffff;
		font-weight:bold;
		font-style:normal;
		height:20px;
		width:100px;
		text-decoration:none;
		text-align:center;
		text-shadow:1px 1px 0px #ce8e28;
	}

	.btn-read:hover{
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eeaf41), color-stop(1, #ffce79) );
		background:-moz-linear-gradient( center top, #eeaf41 5%, #ffce79 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeaf41', endColorstr='#ffce79');
		background-color:#eeaf41;
	}
	
	::-webkit-scrollbar{
	  width: 12px;  /* for vertical scrollbars */
	  height: 12px; /* for horizontal scrollbars */
	}

	::-webkit-scrollbar-track{
	  background: rgba(0, 0, 0, 0.1);
	}

	::-webkit-scrollbar-thumb{
	  background: #c10909;
	}
	
}